<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Cadastro - Currículo</title>

<link rel="stylesheet" type="text/css" href="css/layout.css" />

<link rel="stylesheet" type="text/css" href="css/formulario.css" />

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>

</head>

<body>

<div id="container">

<div id="cabecalho">

<img src="img/QueroBolsa_Logo.png" alt="QueroBolsa_Logo"/>

<div id="logar">
<img src="img/cadeado.png" /><p>Login</p>
<br />
	<form id="login">
    <div class="field">
    <label for="usuario">Usuário:</label>
    <br />
    <input type="text" class="input" name="senha" id="senha" />
	</div>
    <div class="field">
    <label for="usuario">Senha:</label>
    <br />
    <input type="password" class="input" name="senha" id="senha" />
	</div>
    <br />
    <button id="entrar">Entrar</button>
    </form> 

</div>

<form id="pesquisa" action="">

<input type="button" />

<select>
  <option value="Monitoria">Monitoria</option>
  <option value="Iniciação">Iniciação</option>
  <option value="PBIC">PBIC</option>
  <option value="PBID">PBID</option>
</select>

<input type="search" name="pesquisar" placeholder="Digite a sua pesquisa..." />
<p>Ex.: Agronomia, História, Matemática.</p>
</form>

</div>

<div id="content">

<form id="cadastroForm" class="rounded" method="post" action="">

<h2>Cadastro</h2>
<section id="curriculo">
<h3>2°Passo - Currículo</h3>

<div class="field">
    <label for="curso">Curso:</label>
    <select>
  		<option value="matematica">Matemática</option>
  		<option value="fisica">Física</option>
  		<option value="biologia">Biologia</option>
  		<option value="Sistemas de Informaçao">S. de Informação</option>
	</select>
    <p class="hint">Selecione o seu curso.</p>
</div>
 
<div class="field">
    <label for="grau">Grau:</label>
    <select>
  		<option value="graduacao">Graduação</option>
  		<option value="mestrado">Mestrado</option>
	</select>
    <p class="hint">Preencha o seu grau de ensino.</p>
</div>

<div class="field">
    <label for="periodo">Período:</label>
    <select>
  		<option value="primeiro">Primeiro</option>
  		<option value="segundo">Segundo</option>
  		<option value="terceiro">Terceiro</option>
  		<option value="quarto">Quarto</option>
        <option value="quinto">Quinto</option>
        <option value="sexto">Sexto</option>
        <option value="setimo">Sétimo</option>
        <option value="oitavo">Oitavo</option>
        <option value="nono">Nono</option>
        <option value="decimo">Décimo</option>
	</select>
    <p class="hint">Selecione o seu período.</p>
</div>

<div class="field">
    <label for="linguas">Línguas:</label>
    <select id="linguas">
 		<option value="ingles">Inglês</option>
  		<option value="espanhol">Espanhol</option>
  		<option value="frances">Francês</option>
  		<option value="alemao">Alemão</option>
        <option value="nenhuma">Nenhuma</option>
	</select>
    -
    <select id="linguas">
  		<option value="ingles">Inglês</option>
  		<option value="espanhol">Espanhol</option>
  		<option value="frances">Francês</option>
  		<option value="alemao">Alemão</option>
        <option value="nenhuma">Nenhuma</option>
	</select>
    <p class="hint">Selecione as suas línguas.</p>
</div>

 
<div class="field">
    <label for="dataNasc">Nascimento:</label>
    <input type="date" class="input" name="data" id="data" />
    <p class="hint">Preencha sua datad e Nascimento.</p>
</div>

<div class="field">
    <label for="sexo">Sexo:</label>
    <select>
  		<option value="masculino">Masculino</option>
  		<option value="feminino">Feminino</option>
	</select>
    <p class="hint">Selecione o Sexo.</p>
</div>

<div class="field">
    <label for="idade">Idade:</label>
    <input type="text" class="input" name="idade" id="idade" />
    <p class="hint">Preencha sua idade.</p>
</div>
 
<div class="field">
    <label for="descricao">Descrição:</label>
    <textarea class="input textare" name="descricao" id="descricao" maxlength="350">
    </textarea>
    <p class="hint">Preencha a descrição da bolsa.</p>
</div>
 
</section>
 
<input type="submit" name="Submit"  class="button" value="Enviar" />
</form>


</div>

<div id="rodape">

<img src="img/sprite.png" />
<p>Todos os direitos reservados - UFRPE</p>
</div>

</div>

</body>
</html>
